<template>
    <Child v-model="value"
        v-model:other="other">
    </Child>
    <table-list></table-list>
    <VirtualList></VirtualList>
</template>
<script>
import VirtualList from './components/virtual-list.vue'
import Child from './components/Child.vue'
import TableList from './components/table-list.vue'
export default {
    components: {
    VirtualList,
        Child,
        TableList
    },
    data() {
        return {
            value: '',
            other: '',
        };
    },
};
</script>



<style scoped>
.logo {
    height: 6em;
    padding: 1.5em;
    will-change: filter;
    transition: filter 300ms;
}

.logo:hover {
    filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
    filter: drop-shadow(0 0 2em #42b883aa);
}
</style>